草庐IT

AngularJS 指令

全部标签

javascript - AngularJS $http.get() 在 Chrome 中最多需要 10-20 秒,在 Firefox 中运行良好

我在使用AngularJS/GoogleChrome时遇到了一个奇怪的错误。当我执行$http.get()时,它最多需要18秒才能真正完成。对于“OPTIONS”方法,它似乎保持在“PENDING”状态:http://i.imgur.com/yEozFdm.png为页面提供服务的服务器是Mongoose,@localhost:5000是Fl​​ask,它返回以下header以使CORS工作。@mod.after_requestdefafter_request(response):response.headers.add('Access-Control-Allow-Origin','ht

javascript - 带有 scope.$watch 的 Angular 指令强制验证其他字段

我编写了一个match-modelAngular指令,当用户在我的应用程序中注册时,我将其用于密码/密码重复过程。密码重复字段具有此特定属性,可根据原始密码字段验证此字段。我的指令有scope.$watch用于优化目的,因为我不必每次验证我的重复密码范围属性时都读取相关的范围属性值,但我宁愿只使用缓存的值改变当相关范围属性值更改时(原始密码)。这是我的指令:.directive("matchModel",["$timeout",function($timeout){return{require:"ngModel",link:function(scope,element,attribut

javascript - angular-leaflet-directive 自定义消息 html,在标记弹出窗口中带有 Angular Directive(指令)。如何?

我想将带有$scope事件处理程序的自定义html标记插入传单标记的消息属性。例如:App.controller('testController',['$scope',"leafletEvents",'$compile','leafletMarkersHelpers',function($scope,leafletEvents,$compile,leafletMarkersHelpers){angular.extend($scope,{currentLocation:{lat:20,lng:20,zoom:20},markers:{},defaults:{scrollWheelZoom

javascript - 具有隔离范围的 AngularJS 表单验证

我想使用AngularJS提供的内置表单验证。但是,在表单中,我使用的是自定义指令,每个指令都有一个隔离范围。因此,表单元素无法访问绑定(bind)值。知道如何解决这个问题吗?或者,是否可以在不使用表单的情况下使用AngularJS验证?ng-minlength和ng-required指令不会触发表单验证。PleaseentersomethingPleaseenteravaluegreaterthan1Pleaseentersomethinglongerthan1digit{{myForm.myElement.$error}}varapp=angular.module('myApp',

javascript - 使用 GruntJS 的 AngularJS 开发模式

我有几个产品是从yeomanAngular生成器开始的,它是一个非常好的开发设置。我未能找到好的解决方案的一件事是设置开发/生产模式标志。自然地,我们使用了一些我们只希望在生产中使用的工具,因此拥有可以同时使用内联JavaScript和/或HTML文件的prod/dev变量将非常有用。我之前在网上搜索过解决方案,但没有找到任何有用的东西。最终,我正在寻找一个在AngularJS设置中使用的好解决方案,最好通过gruntserve和/或构建运行来设置。其他团队在这里做什么? 最佳答案 我正在使用ng-constant.它创建一个.js

javascript - 带有 AngularJS CORS 的 IE9、IE8 返回 “Access is denied” - ASP.NET WebApi

在IE8和9中,我在执行CORSwebapi调用时收到以下JavaScript错误:Error:Accessisdenied.{[functions]:,description:"Accessisdenied.",message:"Accessisdenied.",name:"Error",number:-2147024891}我按照此处描述的方式设置我的WebApihttp://www.asp.net/web-api/overview/security/enabling-cross-origin-requests-in-web-api所以WebApi包含:publicstaticcl

javascript - localhost 不工作的简单 angularJS GET 函数

我有一个非常简单的SpringRest后端,它返回JSON数据。RestfulURL在我的浏览器中是这样工作的:http://localhost:8080/abc/runlist它返回的数据是这样的:[{"stock_num":"KOH19","damage":"Toronto(Oshawa)"},{"stock_num":"AZ235","damage":"Toronto(Oshawa)"},...]我有一个独立的html页面,它不是我的网络应用程序的一部分。我只是想测试一下我的Angular代码是否正在获取数据然后循环遍历它。{{x}}varapp=angular.module('

javascript - 为密码匹配指令编写单元测试

我在这里有一个指令,我正在尝试编写一个单元测试-第一次做这种事情。我不知道该怎么做。这是指令代码和HTML:app.directive('passwordMatch',[function(){return{restrict:'A',scope:true,require:'ngModel',link:function(scope,elem,attrs,control){varchecker=function(){vare1=scope.$eval(attrs.ngModel);vare2=scope.$eval(attrs.passwordMatch);if(e2!=null)retur

javascript - AngularJS:如何在配置阶段使用 $q 进行单元测试?

我有一个Angular服务负责加载config.json文件。我想在我的运行阶段调用它,所以我在我的$rootContext中设置了那个json,因此,它在未来对每个人都可用。基本上,这就是我所拥有的:angular.module('app.core',[]).run(function(CoreRun){CoreRun.run();});我的CoreRun服务在哪里:angular.module('app.core').factory('CoreRun',CoreRun);CoreRun.$inject=['$rootScope','config'];functionCoreRun($

javascript - 从 Angular 应用程序范围之外调用 AngularJS 函数

我看到了很多与此事相关的问题,但我尝试过的解决方案都没有奏效:在public文件夹中,我有一个名为app.js的文件,我在其中定义我的AngularJS应用程序,如下所示:varapp=angular.module('app',[]);varRectangleDim=30;app.controller('MainCtrl',function($scope,$http){在文件的末尾,我执行如下Bootstrap:angular.bootstrap(document.getElementById('body'),["app"]);然后,在同一个文件夹和HTML中,我应用AngularJS